<template>
	<div class="bili-header">
		<div class="header-bar">
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div>
				<input type="text" />
			</div>
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="header-banner"></div>
		<div class="header-channel"></div>
	</div>
</template>

<script>
export default {
	name: "HeaderComp",
};
</script>

<style lang="less" scoped></style>
